body,button,input,select,textarea{line-height:150%;font-family:Microsoft YaHei;font-size:12px; }
#topLine {border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;margin:10px 0px;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
ul,ol,li{list-style:none;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}

fieldset,img{border:0;}
*{ margin:0; padding:0;font-family:Microsoft YaHei,Arial,Helvetica,sans-serif}
.note h3{ font-size:14px; margin:0px;line-height:36px;height:36px;padding:0 px; }
.Menu ul li{float:left}
body{ background:#fff; color:#20201f;min-width:1200px;font-family:Microsoft YaHei;}
a{ text-decoration:none !important}
table{ border-collapse:collapse; border-spacing:0; border:0; width:100%;}
table td{ vertical-align:middle;}
table em{ color:#f00;}
p{text-indent:0px;margin:0; padding:0;}
.left{ float:left}
.right{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.clear:after{ content:'\20'; display:block; height:0; clear:both;}
.clear{zoom:1;}
.hide{ display:none;}
.yes{ background:url(images/icon/yes.gif) center center no-repeat;}
.font26 {font-size:26px;font-weight:normal;margin-bottom:15px; clear:both}
.font22 {font-size:22px;font-weight:normal;margin-bottom:15px;}
.marg {margin:40px auto !important;}
.pad {padding:30px !important;box-sizing:border-box;}
.bgf {background:#fff !important}
.bg4 {background:#444 !important}
.co3 {color:#333 !important}
.c_hot {background:#fff;color:#333 !important}
/* *************** some usefull settings *************** */
/*=== common input style ===*/
.input {padding:8px; font-weight:500;font-size:18px;border:1px solid #ccc}
.inputbox,.textarea{ border:none; }
.inputbox{ height:32px; box-sizing:border-box;font-size:18px; border:1px solid #ccc;font-family:microsoft yahei;padding:0 5px}
.textarea{ overflow:auto;}
option{ border:1px solid #bbb;}
/*=== common button style ===*/
.button{  border:none; margin-top:5px; width:140px; height:36px;color:#fff;font-size:14px;cursor:pointer;}
.bt{ border:none; cursor:pointer; text-align:center; font-size:12px; background:none;} 
.bts{width:130px; height:50px; color:#fff;background:#c00;float:left;font-size:16px; font-family:Microsoft YaHei;}
.bts1{ background-color:#A6E3FC;border:1px solid #75C5E7;width:126px; height:32px; color:#fff;font-size:14px;margin:20px 32% 20px auto;}
.bts1:hover {background:#75C5E7;}
.bts2{ background:url(images/btns/bts2.gif) no-repeat; width:69px; height:22px; color:#fff;}
.bts3{ background:url(images/btns/bts3.gif) no-repeat; width:51px; height:24px; color:#fff;}
.bts4{ background:url(images/btns/bts4.gif) no-repeat; width:51px; height:24px; color:#fff;}
.bts5{ background:none; border:0;color:#666;cursor:pointer;font-size:14px;outline:none}
.bts5:hover {color:#c00}
.bts6{ background:#c00; width:66px; height:28px; color:#fff;border:none;cursor:pointer;outline:none}
.bts6:hover { background:#f00;}
.bts7{ background:url(images/btns/bts7.gif) no-repeat; width:75px; height:25px; color:#fff;}
.bts8{ background:#c00; width:101px; height:29px; color:#fff;margin:10px}
.bts9{ background:url(images/btns/bts9.gif) no-repeat; width:51px; height:24px; color:#fff;}
.bt_search{ background:#c00; color:#fff;font-size:22px;margin-top:10px}
.bt_search:hover {background:#f00}
.bt_detail{ background:url(images/btns/bt_detail.jpg) no-repeat; width:68px; height:22px; color:#fff; padding-top:2px;}
.bt_buy{ background:url(images/btns/bt_buy.jpg) no-repeat; width:68px; height:22px; color:#fff; padding-top:2px;}
.ico_info{ background:url(images/btns/info.gif) no-repeat; padding-left:16px; margin-right:8px; color:#0066CC}
.ico_view{ background:url(images/btns/view.gif) no-repeat; padding-left:16px; margin-right:8px; color:#0066CC}
/*=== common table style ===*/
.form,.table{ margin-bottom:10px;}
.form em , .table em{ color:red;margin-left:7px}
/* Form Style */
.form td{ padding:8px;line-height:1.4;color:#000;font-size:14px;}
/* Table Style */
.table{ border-top:1px solid #eee; border-left:1px solid #eee; background:#FFF; }
.table td{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:4px;}
.table .tBar{ font-weight:normal; font-size:14px; height:40px; line-height:40px; color:#333;font-size:22px;background:#ddd}
.table .mBar{font-size:20px;color:#000;font-weight:bold;}
.table .tBg{ background:#f4f4f4;}
.table .tInfo td{ padding:15px; line-height:2.2; vertical-align:top;}
.table .tInfo h3{ font-size:14px; display:block; text-align:center;}
/* In Table */
.intable {border:none;background:#fff;text-align:center}
.intable td{ border-bottom:1px solid #f4f4f4; border-right:1px solid #efefef; padding:5px; vertical-align:middle;line-height:3;}
.intable .trbg{ background:#fcfcfc;}
/* Out Table */
.outtable{ background:#fff; border:1px solid #eee; margin-top:10px;}
.outtable td{ vertical-align:top; padding:5px; width:30%;}
/*=== common font style ===*/
/*format*/
.big{ font-size:18px !important;line-height:3;color:#555}
.small {font-size:11px;}
.b{ font-weight:600;}
.i{ font-style:italic;}
.u{ text-decoration:underline;}
/*===  Alignment class ===*/
.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}
.vat{ vertical-align:top;}
.vam{ vertical-align:middle;}
.vab{ vertical-align:bottom;}
.t_bt {color:#000; font-family:microsoft yahei}
.c00 {color:#c00}
.ys_bt {font-size: 24px;font-weight:normal; margin:0 auto; color: #000; width: 1200px; text-align: left; margin-bottom: 20px; margin-top:-15px;}
.ban_a{float:left;width:165px;margin-left:5px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:24px;border:1px solid #fff;border-radius:5px;position:absolute;left:50%;margin-left:-580px;top:200px;}
.ban_a:hover{background:#c00;border:1px solid #c00;color:#fff;}
.page{width:100%;border:0px solid #ccc;}
.wid1190{
width:1200px;
margin:0 auto;
position:relative;
}
#head{border-bottom:0px solid #ccc;margin-bottom:0px;padding:0px 0 0 0px;}
#header{}
#header h1{text-align:left;float:left;}
#header h1 img{ vertical-align:middle;margin-right:10px;}
#foot{margin-top:0px;border-top:0px solid #ccc;font-size:12px;}
.head{height:216px}
.middle{min-height:600px;}
.foot{height:388px}
.otherdrag{width:100%;position:absolute;  height:100px;  
	/* Adding a CSS3 shadow below the note, in the browsers which support it: */
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.footer .note h3{font-size:16px;}
.footer p{margin:20px auto;text-align:center;}
.main{ margin:0px auto;position: relative;text-center;}
.main1{ margin:0px auto;position: relative;text-center;}
#footer a{color:blue ;;}
#footer li{padding:5px;}
.note{width:300px;position:absolute;  height:58px; 
	/* Adding a CSS3 shadow below the note, in the browsers which support it: */
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
z-index:1;
}
#footer .note{overflow:hidden;}
#middle  .note{width:150px;position:absolute;  height:58px; 
	/* Adding a CSS3 shadow below the note, in the browsers which support it: */
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.newslist{margin:15px 0px;}
.newslist  li{border-bottom:1px dotted #ccc;margin-bottom:10px;line-height:32px; height:32px;width:100%}
.newslist  li .date{ float:right;font-size:12px;color:#666}
.newslist li .newstitle{font-size:14px;font-weight:normal;}
.content1{ width:100%;height:800px;overflow-y:scroll;padding:10px 0; margin-bottom:20px;
scrollbar-base-color:#eee;
scrollbar-3dlight-color:#eee;
scrollbar-face-color:#eee;
scrollbar-darkshadow-color:#eee;
 scrollbar-highlight-color:#eee; 
scrollbar-shadow-color:#eee;
scrollbar-arrow-color:#ccc;
SCROLLBAR-TRACK-COLOR:#eee;
}
.yellow{border:1px solid #ddd;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
.yellow h3{border-left:4px solid #f00;padding:2px 10px;margin:0px auto;color:#333;background:#f6f6f6 url() repeat-x;border-bottom:0px solid #ccc;height:35px;line-height:35px;border-bottom:1px solid #ddd;font-size:18px;font-weight:normal;}
.blue{background-color:#fff;border:1px solid #ddd;}
.blue h3{width:100%;color:#333;background:url() repeat-x;border-bottom:0px solid #ccc;height:35px;line-height:35px;border-bottom:1px solid #ddd;font-size:18px;font-weight:normal;}
.green h3{background:url(../../images/img_06.jpg) repeat-x;padding-left:0px;font-family:Microsoft YaHei;}
.green h3 span{padding-right:10px;}
.green .left-span{border-left:4px solid #002BFF;padding:1px 10px;background:#fff;font-size:28px;font-weight:normal;margin:0px;height:35px;line-height:35px}
.none_border{border:0px solid #ff9933;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
.no_title{border:1px solid #ff9933;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.banner{width:100%;overflow:hidden;zoom:1; background:#ccc}
.banner img{}
/*******************内面 banner**********************/
.banner_box {overflow:hidden;margin:0 auto;}
.z_banner {position:relative;margin:0 auto;text-align:center; }
.z_banner li {position:relative;top:1px;margin:0 auto;text-align:center;}
.z_nav {position:absolute;z-index:10;left:45%;top:250px;margin-left:-25px; border-radius:5px;background:#eee; height:16px;text-aligh:center;line-height:16px;width:130px;filter:alpha(opacity=90);  
      -moz-opacity:0.9;  
      -khtml-opacity: 0.9;  
      opacity: 0.9;  }
.z_nav li {z-index:12;float:left;width:12px;height:12px;border-radius:100%;background:#ffffff;margin-left:12px;margin-top:2px;}
.z_on {background:#ff9966 !important;filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1; }
.z_banner li img{height:100%;}
.prev{ background:#333 url(prev.gif) center center no-repeat; top:100px; left:0px;width:60px; height:60px; position:absolute;  cursor:pointer;z-index:20;
alpha(opacity=50);
 -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;
}
.next{ background:#333 url(next.gif) center center no-repeat; top:100px;right:0px; width:60px; height:60px; position:absolute;  cursor: pointer;z-index:20;
 -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;
	  alpha(opacity=50);
}
.prev:hover{ background:#000 url(prev.gif) center center no-repeat; float:left; width:60px; height:60px; position:absolute;  cursor:pointer;z-index:20;
 -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;
	  alpha(opacity=80);
}
.next:hover{ background:#000 url(next.gif) center center no-repeat; float:right; width:60px; height:60px; position:absolute;  cursor: pointer;z-index:20;
 -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;
	  alpha(opacity=80);}
/*!
 laypage默认样式
*/
.laypage_main a,
.laypage_main input,
.laypage_main span {
    /*    height: 36px;
    line-height: 36px;*/
}
.laypage_main button,
.laypage_main input,
.laypageskin_default a {
    border: 1px solid #333;
    background-color: #fff;
    border-radius: 4px;
height:18px
}
/*主容器*/
.laypage_main {
    font-size: 0;
    clear: both;
    color: #000;
    text-align: center;
}
.laypage_main * {
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: top;
    font-size: 12px
}
.laypage_main a {
    text-decoration: none;
    color: #000;
}
.laypage_main a,
.laypage_main span {
    margin: 0 3px 6px;
    text-align: center;
    border-radius: 2px;
    padding: 3px 8px;
}
.laypage_main .laypage_total {
    width: auto;
    color: #636363;
    padding-left: 0;
}
.laypage_main .laypage_total .total-page-desc {
    padding: 0 6px;
}
.laypage_main input {
    width: 25px;
    margin: 0 5px;
    padding: 4px 12px;
    margin-top: 0px;
}
.laypage_main button {
    /*    height: 45px;
    line-height: 45px;*/
    margin-left: 5px;
    padding: 9px 12px;
    color: #9f9f9f;
    cursor: pointer;
    margin-top: -9px;
}
.laypage_main button:hover {
    background-color: #f7f7f7;
}
.laypageskin_default span {
    /*    height: 43px;
    line-height: 43px;*/
    color: #9f9f9f;
}
/*当前按钮*/
.laypageskin_default .laypage_curr {
    font-weight: 700;
    color: #fffffd;
    background-color: #4a9ced;
}
.laypageskin_default .laypage_prev,
.laypageskin_default .laypage_next {
    width: 37px;
}
.laypageskin_default a:hover {
    background-color: #f7f7f7;
}
.laypageskin_default .disabled:hover {
    background-color: #fff;
}
.laypageskin_default .disabled {
    cursor: not-allowed;
}
#buttonMain{text-align:center;}
#buttonMain a{/*background:url(images/button_back.png) center top no-repeat;*/display:block;float:left;text-align:center;
vertical-align: bottom;width:25%;margin:15px auto 15px auto;color:#333}
#buttonMain a span{width:150px;height:150px;margin:10px auto 10px auto;display:block;background-color:#ccc;border:5px solid #fff ;border-radius: 100%;
　-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
　　border-color:rgba(141,39,142,.75);
　　-webkit-box-shadow:0 0 18px rgba(111,1,32,3);
box-shadow:0px 0px 8px #ccc;
}
#buttonMain {clear:both;}
/*#buttonMain a{min-width:100px;}*/
#icons_domain {background:url(images/icon_domain.png);background-size:80px 80px;}
#icons_vhost{background:url(images/icon_vhost.png);background-size:80px 80px;}
#icons_mohost{background:url(images/icon_mohost.png);background-size:80px 80px;}
#icons_email{background:url(images/icon_email.png);background-size:80px 80px;}
#icons_sms{background:url(images/icon_sms.png);background-size:80px 80px;}
#icons_nicebox{background:url(images/icon_nicebox.png);background-size:80px 80px;}
#icons_400{background:url(images/v8/400.png);background-size:80px 80px;}
#icons_contact{background:url(images/icon_contact.png);background-size:80px 80px;}
#icons_news{background:url(images/icon_news.png);background-size:80px 80px;}
#icons_pay{background:url(images/icon_pay.png);background-size:80px 80px;}
#icons_whois{background:url(images/icon_whois.png);background-size:80px 80px;}
#icons_promotion{background:url(images/icon_promotion.png);background-size:80px 80px;}
#buttonMain .pay_a,#buttonMain .whois_a,#buttonMain .sale_a{margin-bottom:20px;}
.flexslider {
	margin: 0px auto 0px;
width:100%;
 height:100%;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../../jiaoben3555/images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 20px;
}
.flex-direction-nav .flex-prev {
	left: 20px;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: url(../../jiaoben3555/images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}
.flexslider .slides a img {
width: 100%; height:100%;
	display: block;
}
.mbx{border-left:5px solid #006600;padding-left:10px;height:15px;}
.newslist{margin:15px 0px;}
.newslist  li{border-bottom:1px dotted #ccc;margin-bottom:10px;line-height:32px; height:32px;width:100%}
.newslist  li .date{ float:right;font-size:12px;}
.newslist li .newstitle{font-size:14px;font-weight:normal;}
.ms0 li{padding:0;border:0px;border-bottom:1px dashed #ccc;width:95%;margin:0 auto;}
.ms0  .new_img{margin-right:20px;width:170px;float:left}
.ms0 .newstitle{font-size:13px;float:left;color:#555;}
.ms8 li{height:100px;margin:15px;padding:0;border:0px;border-bottom:1px solid #ddd;width:98%;}
.ms8  li .new_img{margin-right:20px;width:170px;height:110px;float:left}
.ms8  li .newstitle{font-size:24px;margin:10px 0px;color:#002BAC;font-weight:bold;}
.ms8   li .date{float:left;color:#666;font-size:16px}
.ms8   li .con{color:#666;}
.ms10 li{height:95px;margin:15px;padding:0;border:0px;border-bottom:1px dashed #ccc;width:98%;font-size:14px}
.ms10  li .new_img{margin-right:20px;width:121px;height:70px;float:left}
.ms10  li .newstitle{font-size:18px;margin:15px 0px;background:url(/ueditor/php/upload/image/20170929/1506653298112816.gif) no-repeat top right ;padding-right:28px}
.ms10   li .date{float:left;color:green;}
.ms10   li .con{color:#666;}
.ms2 li .newstitle{font-size:14px;color:#333;}
.ms2  li{border-bottom:1px solid #eee;padding-bottom:5px}
.ms2  li{margin-bottom:4px;line-height:23px; height:23px;width:100%}
.ms2  .first{height:105px;border-bottom:0px solid #ccc;margin-bottom:0px;}
.ms2 .first .newstitle{font-size:16px;color:#333;height:40px}
.ms2 li .newstitle{font-size:15px;}
.ms2 .new_img{width:111px;height:70px;float:left;margin-right:15px;}
.ms3 li{float:left;border:0px solid #ccc;height:210px;width:270px;margin:0px 10px;padding:0}
.ms3 li .new_img{border:5px solid #fff;width:131px;height:90px;float:left;margin-right:0px;display:block;width:100%;height:160px}
.ms3 li .newstitle{font-size:14px;margin:5px;display:block;}
.ms4 li{float:left;border:1px solid #ccc;height:200px;width:270px;margin:10px;padding:0}
.ms4 li .new_img{display:block;width:265px;height:195px}
.ms4 li .newstitle{font-size:13px;margin:2px;display:block;}
.csstable {border:1px solid #ccc;margin-bottom:10px;line-height:220%;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.csstable td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:3px 5px 3px 5px;}
.csstable .bar{font-weight:bold;background:url(images/bar.png);}
.csstable .s{background:#eee;}
	.wrap  .fl{float:left;}
	.wrap   li{float:left;width:19%;border-right:0px solid #ccc;text-align:center;}
	
	


.shadow {
	width: 100%;
	height: 168px;
	position: relative;
	margin-top: -110px;
	background: transparent url(images/shadow.png) no-repeat bottom center;
	background-size: 100% 100%; /* stretches it */
	z-index: -1;
	display: none;
}

.sb-description h3 {
	font-size: 20px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.sb-description h3 a {
	color: #4a3c27;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.nav-arrows {
	display: none;
}

.nav-arrows a {
	width: 42px;
	height: 42px;
	background: #cbbfae url(images/nav.png) no-repeat top left;
	position: absolute;
	top: 50%;
	left: 2px;
	text-indent: -9000px;
	cursor: pointer;
	margin-top: -21px;
	opacity: 0.9;
	border-radius: 50%;
}

.nav-arrows a:first-child{
	left: auto;
	right: 2px;
	background-position: top right;
}

.nav-arrows a:hover {
	opacity: 1;
}

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: -5px;
	height: 30px;
	width: 100%;
	left: 0;
	display: none;
}

.nav-dots span {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #cbbfae;
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}



.nav-options {
	width: 70px;
	height: 30px;
	position: absolute;
	right: 70px;
	bottom: 0px;
	display: none;
}

.nav-options span {
	width: 30px;
	height: 30px;
	background: #cbbfae url(images/options.png) no-repeat top left;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.7;
	display: inline-block;
	border-radius: 50%;
}

.nav-options span:first-child{
	background-position: -30px 0px;
	margin-right: 3px;
}

.nav-options span:hover {
	opacity: 1;
}
/* Slicebox Style */
.sb-slider {
	margin: 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	padding: 0;
}

.sb-slider li {
	margin: 0;
	padding: 0;
	display: none;
}

.sb-slider li > a {
	outline: none;
}

.sb-slider li > a img {
	border: none;
}

.sb-slider img {
	max-width: 100%;
	display: block;
}

.sb-description {
	padding: 20px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 1000;
	position: absolute;
	border-left: 4px solid rgba(255,255,255,0.7);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);	
	opacity: 0;
	color: #fff;

	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
}

.sb-slider li.sb-current .sb-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);	
	opacity: 1;
}

.sb-slider li.sb-current .sb-description:hover {

}

.sb-perspective {
	position: relative;
}

.sb-perspective > div {
	position: absolute;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-backface-visibility : hidden;
	-moz-backface-visibility : hidden;
	-o-backface-visibility : hidden;
	-ms-backface-visibility : hidden;
	backface-visibility : hidden;
}

.sb-side {
	margin: 0;
	display: block;
	position: absolute;

	-moz-backface-visibility : hidden;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
img.xt {

transition:all .4s;
-moz-transition:all .4s;
-webkit-transition:all .4s;
-o-transition:all .4s;}
img.xt:hover {
transform: scale(1.2);
-webkit-transform: scale(1.2); /*Safari 和 Chrome*/
 -moz-transform: scale(1.2); /*Firefox*/
-ms-transform: scale(1.2); /*IE9*/
-o-transform: scale(1.2); /*Opera*/}